<template>
	<section>
		<head-top logo-part="true" search-part="true" add="true"></head-top>
		<find-me></find-me>
		<foot-guide></foot-guide>
		<transition name="router-show">
			<router-view></router-view>
		</transition>
	</section>
</template>

<script>
	import headTop from '@/components/header/head'
	import findMe from '@/components/findandMe/findandMe'
	import footGuide from '@/components/footer/foot'

	export default {
		data() {
			return {

			}
		},
		created() {

		},

		mounted() {

		},
		components: {
			headTop,
			findMe,
			footGuide
		},
		computed: {

		},
		methods: {

		}
	}
</script>
// <style lang="less" scoped>
// 	@import "~@/style/public.less";

// 	.router-show-enter-active,
// 	.router-show-leave-active {
// 		transition: all .4s;
// 	}

// 	.router-show-enter,
// 	.router-show-leave-active {
// 		transform: translateX(100%)
// 	}
// </style>